<link rel="stylesheet" href="__STATIC__/admin/css/welcome.css?v={:time()}" media="all">
<style>
 
    .acea-row{display:flex;flex-wrap:wrap;}
    .acea-row.row-middle{align-items:center;}
    .acea-row.row-bottom{align-items:flex-end;}
    .acea-row.row-between{justify-content:space-between;}
    .acea-row.row-between-wrapper{align-items:center;justify-content:space-between;}
    .welcome-module{height: auto}
    .datas .panel-body{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;}
    .datas .panel-body  .panel-title{width: 100%}
    .datas .panel-body i{font-size: 60px}
    .datas .panel-body h1{font-size: 30px;line-height: 1.5em}
    .datas .item{flex:1}
    .datas .item.user .layui-bg-number{background-color: #ecfafa}
    .datas .item.user i{color: #52ddc8}
    .datas .item.shop .layui-bg-number{background-color: #fef4e8}
    .datas .item.shop i{color:#f29a1f}
    .datas .item.browse .layui-bg-number{background-color: #f6f4ff}
    .datas .item.browse i{color: #aea1fd}
    .datas .item.order .layui-bg-number{background-color: #fdf7e1}
    .datas .item.order i{color: #ffc68d}
    .menu .item{margin: 30px 30px;flex: 1}
    .menu .item i{background-color: transparent}
    .menu .icon1{background-color: #ecfafa}
    .menu .icon1 i{color: #52ddc8}
    .menu .icon2{background-color: #fef4e8}
    .menu .icon2 i{color:#f29a1f}
    .menu .icon3{background-color: #ecfafa}
    .menu .icon3 i{color: #52ddc8}
    .menu .icon6{background-color: #f6f4ff}
    .menu .icon6 i{color: #aea1fd}
    .menu .icon7{background-color: #fef4e8}
    .menu .icon7 i{color:#f29a1f}
    .menu .icon8{background-color: #ecfafa}
    .menu .icon8 i{color: #52ddc8}
    .menu .icon10{background-color: #f6f4ff}
    .menu .icon10 i{color: #aea1fd}
    .menu .icon11{background-color: #fef4e8}
    .menu .icon11 i{color:#f29a1f}
    .sc_warp{overflow: hidden;padding-bottom: 20px;margin: 10px 0}
    .sc_warp .item{width: 50%;display: flex}
    .sc_warp .item .gray_bg,.sc_warp .item .text{
        padding-left: 6%;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        color: #454545;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        flex:1;
    }
    .sc_warp .item .gray_bg{
        background-color: #f9f9f9;
        width: 30%;
    }
    .sc_warp .item:nth-child(4n+1) .gray_bg{border-left: 1px solid #eee}
    .sc_warp .item:nth-child(2) .gray_bg,.sc_warp .item:nth-child(2) .text,.sc_warp .item:first-child .gray_bg,.sc_warp .item:first-child .text{
        border-top: 1px solid #eee;
    }


    .card-panel {
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    color: #8c8c8c;
    background: #fff;
    position: relative;
    margin-right: 20px;
   
}
.card-panel-description {
    padding: 0 20px;
    margin-top: 19px;
}
.card-panel-description .card-panel-text {
    line-height: 18px;
    margin-bottom: 12px;
    font-weight: 400;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.card-panel-description .card-panel-text .card-order{
    color: #303133;
    font-size: 16px;
}
.card-panel-description .card-panel-text .card-date{
    border: 1px solid #6394f9;
    border-radius: 3px;
    color: #6394f9;
    background: #f4f7ff;
    text-align: center;
    line-height: 20px;
    width: 38px;
}
.card-panel-description .card-panel-num{
    font-size: 30px;
    color: #000;
    font-weight: 700;
}
.card-panel-compared{
    margin: 15px 0;
}
.down, .el-icon-caret-bottom {
    color: #39c15b;
    font-size: 12px;
    opacity: 1;
}

.down, .el-icon-caret-bottom {
    color: #39c15b;
    font-size: 12px;
    opacity: 1;
}
.card-panel-date {
    border-top: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 13px 0;
}
.card-panel {
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    color: #8c8c8c;
    background: #fff;
    position: relative;
}
 .card-panel-count {
    background-color: #fff;
    border-radius: 4px;
    height: 104px;
    text-align: center;
    padding-top: 20px;
    box-sizing: border-box;
}



 .iconfont {
    font-size: 27px;
    display: block;
    border: 1px solid red;
}

 .panel-text{
    font-size: 14px;
    color: #303133;
    margin-top: 15px;
}



.panel-group-count .card-panel-count {
    
    background-color: #fff;
    border-radius: 4px;
    height: 104px;
    text-align: center;
    padding-top: 20px;
    box-sizing: border-box;
}
</style>
<div class="layuimini-container">
    <div class="">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-row layui-col-space15">
                    <div id="" class="layui-row">
                        <div class="layui-col-md3">
                            <div data-v-265815bb="" class="card-panel "><div data-v-265815bb="" class="card-panel-description"><div data-v-265815bb="" class="card-panel-text"><span data-v-265815bb="" class="card-order">用户统计</span> <span data-v-265815bb="" class="card-date">总数</span></div> <span data-v-265815bb="" class="card-panel-num">
  {$user_num}
</span> 

                            <div data-v-265815bb="" class="card-panel-date"></div></div>
                            </div>
                        </div>
                        
                        <div class="layui-col-md3">
                            <div data-v-265815bb="" class="card-panel ">
                                <div data-v-265815bb="" class="card-panel-description">
                                    <div data-v-265815bb="" class="card-panel-text">
                                        <span data-v-265815bb="" class="card-order">品牌统计</span> 
                                        <span data-v-265815bb="" class="card-date">总数</span>
                                    </div> 
                                    <span data-v-265815bb="" class="card-panel-num"> {$service_goods} </span> 
                            <div data-v-265815bb="" class="card-panel-date">
                            </div>
                        </div>
                            </div>
                        </div>
                  
                      
     
                    </div>
                    <style type="text/css" media="all">
                        .layuimini-qiuck > .card-panel-item:first-child i{
                            color: rgb(92, 199, 193);
                        }
                        .layuimini-qiuck > .card-panel-item:nth-child(1) i{
                            color: rgb(105, 192, 253);
                        }
                        .layuimini-qiuck > .card-panel-item:nth-child(2) i{
                           color: rgb(239, 155, 111);
                        }
                        .layuimini-qiuck > .card-panel-item:nth-child(3) i{
                            color: rgb(178, 127, 235);
                        }
                        .layuimini-qiuck > .card-panel-item:nth-child(4) i{
                            color: rgb(240, 170, 11);
                        }
                        .layuimini-qiuck > .card-panel-item:nth-child(5) i{
                            color: rgb(92, 199, 193);
                        }
                        .layuimini-qiuck > .card-panel-item:nth-child(6) i{
                            color: rgb(239, 155, 111);
                        }
                        .layuimini-qiuck > .card-panel-item:nth-child(7) i{
                            color: rgb(240, 170, 11);
                        }
                    </style>
                    <div class="layui-col-md12">
                        <div class="">
                            <div class="layui-card-header layui-card"><i class="fa fa-credit-card icon icon-blue"></i>快捷入口</div>
                            <div class="">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10 layuimini-qiuck" style="display:flex;">

                                        {foreach $quicks as $vo}
                                        <!--<div class="layui-col-xs3 layuimini-qiuck-module item icon{$vo['id']}">-->
                                        <!--    <a layuimini-content-href="{:url($vo['href'])}" data-title="{$vo['title']}">-->
                                        <!--        <i class="{$vo['icon']|raw}"></i>-->
                                        <!--        <cite>{$vo['title']}</cite>-->
                                        <!--    </a>-->
                                        <!--</div>-->
                                        <div data-v-265815bb="" class="card-panel-item el-col " style="padding-left: 9px; padding-right: 9px;width: 12.5%;">
                                            <a data-v-265815bb="" href="{:url($vo['href'])}" class="" data-title="{$vo['title']}">
                                                <div data-v-265815bb="" class="card-panel-count">
                                                    <i class="{$vo['icon']|raw} " style="display:block;font-size:28px;margin-bottom:10px;"></i>
                                                    <span data-v-265815bb="" class="panel-text">{$vo['title']}</span>
                                                </div>
                                            </a>
                                        </div>
                                        {/foreach}

                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    
                    
                    
                    <div class="system layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-desktop icon icon-blue"></i>服务器信息</div>
                            <div class="layui-card-body">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10">
                                        <div class="sc_warp acea-row row-center row-middle">
                                            <div class="item">
                                                <div class="gray_bg">服务器系统：</div>
                                                <div class="text">Linux</div>
                                            </div>
                                            <div class="item">
                                                <div class="gray_bg">网站域名/IP：</div>
                                                <div class="text" id="http">br.yllszs.cn [ 8.140.23.111 ] </div>
                                            </div>
                                            <div class="item">
                                                <div class="gray_bg">网站名称：</div>
                                                <div class="text">社区团购</div>
                                            </div>
                                            <div class="item">
                                                <div class="gray_bg">当前版本：</div>
                                                <div class="text">v1.0.0</div>
                                            </div>
                                            <div class="item">
                                                <div class="gray_bg">系统更新：</div>
                                                <div class="text">最新版</div>
                                            </div>
                                            <div class="item">
                                                <div class="gray_bg">版权所有：</div>
                                                <div class="text">正版软件</div>
                                            </div>
                                            <div class="item">
                                                <div class="gray_bg">服务器环境：</div>
                                                <div class="text">nginx</div>
                                            </div>
                                            <div class="item">
                                                <div class="gray_bg">PHP 版本：</div>
                                                <div class="text">7.4.28</div>
                                            </div>
                                            <div class="item">
                                                <div class="gray_bg">Mysql 版本：</div>
                                                <div class="text">5.6.50-log</div>
                                            </div>
                                            <div class="item">
                                                <div class="gray_bg">Zip支持：</div>
                                                <div class="text">YES</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!--<div class="layui-col-md12" style="display: none">-->
                    <!--    <div class="layui-card">-->
                    <!--        <div class="layui-card-header"><i class="fa fa-line-chart icon"></i>报表统计</div>-->
                    <!--        <div class="layui-card-body">-->
                    <!--            <div id="echarts-records" style="width: 100%;min-height:500px"></div>-->
                    <!--        </div>-->
                    <!--    </div>-->
                    <!--</div>-->
                    
                </div>
            </div>
            
            
            <!--<div class="layui-row">-->
            <!--    <div class="layui-col-md3">-->
                    
            <!--        <div data-v-265815bb="" class="card-panel-item el-col el-col-3" style="padding-left: 9px; padding-right: 9px;">-->
            <!--            <a data-v-265815bb="" href="/admin/product/examine" class="">-->
            <!--                <div data-v-265815bb="" class="card-panel-count">-->
            <!--                    <span data-v-265815bb="" class="iconfont icon-shangpinguanli" style="color: rgb(92, 199, 193);"></span> -->
            <!--                    <span data-v-265815bb="" class="panel-text">商品管理</span>-->
            <!--                </div>-->
            <!--            </a>-->
            <!--        </div>-->

            <!--        <div class="layui-col-xs3 layuimini-qiuck-module item icon1">-->
            <!--            <a layuimini-content-href="/admin/system.admin/index.html" data-title="管理员管理">-->
            <!--                    <i class="fa fa-user"></i>-->
            <!--                    <cite>管理员管理</cite>-->
            <!--            </a>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--</div>-->
            
            <div class="layui-col-md4">
            </div>
        </div>
    </div>
</div>